routes = [{
        // Page main route
        path: '/',
        url: './index4.html',
        keepAlive: true,
        // Pass "tabs" property to route, must be array with tab routes:
        tabs: [
            // First (default) tab has the same url as the page itself
            {
                // Tab path
                path: '/',
                // Tab id
                id: 'tab-1',
                keepAlive: true,
                // Fill this tab content from content string
                content: `
            <div class="block">
              <h3>单页面 view ，多 tab 切换 -- tabs-routable，tab 切换时，状态不会保存，但是在某个 tab 页面再通过路由跳转到下一页面，可以缓存。 </h3>
              <h3>没开 hash 变化，可以直接通过 http://192.168.0.134/index4.html 访问到默认的 tab 页面； 但是开了 hash 变化的，url 地址要加个 ! 号，才能访问到默认的 tab 。 如：http://192.168.0.134/index4.html#!/ </h3>
              <div class="row no-gap">
                        <div class="col-100"><input type="text" placeholder="请选择日期" readonly="readonly" id="demo-calendar-default1" /></div>
                    </div>
              <a href="/echarts/" class="tab-link" data-route-tab-id="echarts">表格</a>
            </div>
          `
            },
            // Second tab
            {
                path: '/tab-2/',
                id: 'tab-2',
                keepAlive: true,
                // Fill this tab content with Ajax request:
                url: './pages/settings.html',
            },
            // Third tab
            {
                path: '/tab-3/',
                id: 'tab-3',
                keepAlive: true,
                // Load this tab content as a component with Ajax request:
                componentUrl: './pages/table.html',
            },
        ],
    },
    // Page Loaders & Router
    {
        path: '/echarts/',
        componentUrl: './pages/echarts.html',
    },
    // Page Loaders & Router
    {
        path: '/table/',
        componentUrl: './pages/table.html',
    },
    {
        path: '/application/',
        componentUrl: './pages/application.html',
    },
]